html {
    height: 17.786667rem;
}

body {
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    background-color: #fff;
}

.header {
    width: 100%;
    height: 2.133333rem;
    padding: .266667rem;
    img {
        width: 1.6rem;
        height: 1.6rem;
    }
}

h3 {
    text-align: center;
    margin-top: .533333rem;  //20
    color: #333;
    font-size: .933333rem;  //35
    margin-bottom: .533333rem;
}

.zhushi {
    width: 100%;
    height: 2.133333rem;
    text-align: center;
    line-height: 2.133333rem;
    p {
        color: #666;
        font-size: .666667rem;
    }

}

.favchoice1 {
    width: 85%;
    height: 3.2rem;
    display: flex;
    margin: 0 auto;
    .fav-sec-box {
        flex: 1;
        // background-color: red;
        position: relative;
        .fav-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 80%;
            height: 2.666667rem;
            border-radius: 2.666667rem;
            background-color: #F2F4F7;
            text-align: center;
            line-height: 2.666667rem;
            font-size: .8rem;
        }
    }
}

.favchoice2 {
    width: 85%;
    height: 3.2rem;
    display: flex;
    margin: 0 auto;
    .fav-sec-box {
        flex: 1;
        // background-color: red;
        position: relative;
        .fav-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 80%;
            height: 2.666667rem;
            border-radius: 2.666667rem;
            background-color: #F2F4F7;
            text-align: center;
            line-height: 2.666667rem;
            font-size: .8rem;
        }
    }
}

.favchoice3 {
    width: 75%;
    height: 3.2rem;
    display: flex;
    margin: 0 auto;
    .fav-sec-box {
        flex: 1;
        // background-color: red;
        position: relative;
        .fav-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 80%;
            height: 2.666667rem;
            border-radius: 2.666667rem;
            background-color: #F2F4F7;
            text-align: center;
            line-height: 2.666667rem;
            font-size: .8rem;
        }
    }
}


.nextbutton{
    width: 70%;
    margin: 8rem auto;
    button {
        width: 100%;
        // margin: 0 auto;
        color: #fff;
        background-color: #eeca7b;
        border:none;
        height: 2.666667rem;
        border-radius: 2.666667rem;
        font-size: .666667rem;
    }
}

// .yuan {
//     background-color: #F2F4F7;
// }

// .hou {
//     background-color: #7cddf6;
// }